<template>
  <div class="body">
    <el-container>
      <!-- 头部导航栏 -->
      <el-header>
        <Index></Index>
      </el-header>
      <!-- 左侧边栏 -->

      <el-container>
        <el-container>
           
          <el-main>
          <el-row style="margin-bottom:20px;">
              <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/' }">
                  <font color="#A1FEDB" size="4">系统总览</font>
                </el-breadcrumb-item>
                <el-breadcrumb-item>
                  <font color="#A1FEDB" size="4">运行参数</font>
                </el-breadcrumb-item>
              </el-breadcrumb>
            </el-row>
            <el-row>
                 <el-tabs
              tab-position="top"
              v-model="activeName"
              @tab-click="handleClick"
            >
              <el-tab-pane label="垂直风机参数" name="first">
                <div id="allmap">
                  <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                     <el-table-column prop="运行状态位" label="运行状态位">
                    </el-table-column>
                    <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                     <el-table-column prop="转速" label="转速">
                    </el-table-column>
                    <el-table-column prop="逆变输出电压" label="逆变输出电压（V）">
                    </el-table-column>
                    <el-table-column prop="逆变输出电流" label="逆变输出电流（A）">
                    </el-table-column>
                    <el-table-column prop="市电频率" label="市电频率（Hz）">
                    </el-table-column>
                       <el-table-column prop="累计发电量" label="累计发电量">
                    </el-table-column>
                  
                     
                     
                  </el-table>
               
                </div>
              </el-tab-pane>
               <el-tab-pane label="卧式风机参数" name="fourteenth">
                <div id="allmap">
                
                  <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData2"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                     <el-table-column prop="运行状态位" label="运行状态位">
                    </el-table-column>
                    <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                     <el-table-column prop="转速" label="转速">
                    </el-table-column>
                    <el-table-column prop="逆变输出电压" label="逆变输出电压（V）">
                    </el-table-column>
                    <el-table-column prop="逆变输出电流" label="逆变输出电流（A）">
                    </el-table-column>
                    <el-table-column prop="市电频率" label="市电频率（Hz）">
                    </el-table-column>
                       <el-table-column prop="累计发电量" label="累计发电量(kW)">
                    </el-table-column>
                     
                  </el-table>
                </div>
              </el-tab-pane>
              <el-tab-pane label="三联供参数" name="second">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData3"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <!-- <el-table-column
                      prop="PLC发电机油压"
                      label="PLC发电机油压"
                      
                    >
                    </el-table-column> -->
                    <!-- <el-table-column prop="PLC发电机水温" label="PLC发电机水温(℃)">
                    </el-table-column>
                    <el-table-column prop="PLC发电机转速" label="PLC发电机转速">
                    </el-table-column>
                    <el-table-column prop="PLC发电机频率" label="PLC发电机频率(kW)">
                    </el-table-column> -->
                    
                     <el-table-column prop="plc有功功率_Pa" label="有功功率_Pa(kW)">
                    </el-table-column>
                     <el-table-column prop="plc有功功率_Pb" label="有功功率_Pb(kW)">
                    </el-table-column>
                       <el-table-column prop="plc总有功_P" label="总有功_P(kW)">
                    </el-table-column>
                      <!-- <el-table-column prop="PLC总无功_Q" label="PLC总无功_Q(kW)">
                    </el-table-column> -->
                     <el-table-column prop="plc发电机累计运行时间" label="累计运行时间(h)">
                    </el-table-column>
                     <el-table-column prop="屏P1电表A相电压" label="屏P1电表A相电压(V)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表B相电压" label="屏P1电表B相电压(V)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表C相电压" label="屏P1电表C相电压(V)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表A相电流" label="屏P1电表A相电流(A)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表B相电流" label="屏P1电表B相电流(A)">
                    </el-table-column>
                      <el-table-column prop="屏P1电表C相电流" label="屏P1电表C相电流(A)">
                    </el-table-column>
                  </el-table>

                 </div>
                 
              </el-tab-pane>
               <el-tab-pane label="MMC参数" name="third">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData4"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="交流A相输入电流"  label="交流A相输入电流" >
                    </el-table-column>
                    <el-table-column prop="交流B相输入电流" label="交流B相输入电流(A)">
                    </el-table-column>
                    <el-table-column prop="交流C相输入电流" label="交流C相输入电流(A)">
                    </el-table-column>
                    <el-table-column prop="直流侧输出电流" label="直流侧输出电流(A)">
                    </el-table-column>
                    <el-table-column prop="直流侧输出有功" label="直流侧输出有功(kW)">
                    </el-table-column>
                       <el-table-column prop="模块A1直流电压" label="模块A1直流电压(V)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="模块A2直流电压" label="模块A2直流电压(V)">
                    </el-table-column>
                      <el-table-column prop="模块A3直流电压" label="模块A3直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="模块A4直流电压" label="模块A4直流电压(V)">
                    </el-table-column>
                     <!-- <el-table-column prop="模块B1直流电压" label="模块B1直流电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块B2直流电压" label="模块B2直流电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块B3直流电压" label="模块B3直流电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块B4直流电压" label="模块B4直流电压(V)">
                    </el-table-column> -->
                    
                  </el-table>

                 </div>
                 
              </el-tab-pane>
                <el-tab-pane label="电容BMS" name="fourth">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData5"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="电池堆电压"  label="电池堆电压(V)" >
                    </el-table-column>
                    <el-table-column prop="电池堆电流" label="电池堆电流(A)">
                    </el-table-column>
                    <el-table-column prop="电池堆可充电量" label="可充电量(kW)">
                    </el-table-column>
                    <el-table-column prop="电池堆可放电量" label="可放电量(kW)">
                    </el-table-column>
                    <el-table-column prop="电池堆累计充电量" label="累计充电量(kW)">
                    </el-table-column>
                       <el-table-column prop="电池堆累计放电量" label="累计放电量(kW)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="最高电池温度" label="最高电池温度(℃)">
                    </el-table-column>
                      <el-table-column prop="最低电池温度" label="最低电池温度(℃)">
                    </el-table-column>
                     <!-- <el-table-column prop="电池堆当前允许最大充电功率" label="电池堆当前允许最大充电功率(kW)">
                    </el-table-column>
                     <el-table-column prop="电池堆当前允许最大放电功率" label="电池堆当前允许最大放电功率(kW)">
                    </el-table-column>
                     <el-table-column prop="电池堆当前允许最大充电电流" label="电池堆当前允许最大充电电流(A)">
                    </el-table-column>
                     <el-table-column prop="电池堆当前允许最大放电电流" label="电池堆当前允许最大放电电流(A)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池组充电次数" label="电池组充电次数">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池组放电次数" label="电池组放电次数">
                    </el-table-column> -->
                     <el-table-column prop="组SOC" label="组SOC">
                    </el-table-column>
                     <el-table-column prop="组可充电量" label="组可充电量(kW)">
                    </el-table-column>
                    <el-table-column prop="组可放电量" label="组可放电量(kW)">
                    </el-table-column>
                    <!-- <el-table-column prop="环境温度" label="环境温度(℃)">
                    </el-table-column> -->
                    
                  </el-table>


        
                 </div>
                 
              </el-tab-pane>
               <el-tab-pane label="电容DCDC" name="fifteenth ">
                 <div id="allmap">

                  


                   <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData6"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  > 
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <!-- <el-table-column
                      prop="模块温度"  label="模块温度" >
                    </el-table-column> -->
                    <el-table-column prop="高压侧直流高压侧电压" label="高压侧直流高压侧电压(V)">
                    </el-table-column>
                    <el-table-column prop="低压侧支路1直流功率" label="低压侧支路1直流功率(kW)">
                    </el-table-column>
                    <el-table-column prop="低压侧支路1直流电压" label="低压侧支路1直流电压(V)">
                    </el-table-column>
                    <el-table-column prop="低压侧支路1直流电流" label="低压侧支路1直流电流(A)">
                    </el-table-column>
                       <el-table-column prop="低压侧支路1直流累计充电电量" label="支路1直流累计充电量(kW)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="低压侧支路1直流累计放电电量" label="支路1直流累计放电量(kW)">
                    </el-table-column>
                      <el-table-column prop="高压侧支路1直流高压侧电压" label="高压侧支路1直流电压(V)">
                    </el-table-column>
                     <!-- <el-table-column prop="低压侧支路1直流控制模式" label="低压侧支路1直流控制模式">
                    </el-table-column> -->
                     <!-- <el-table-column prop="低压侧支路1直流电流设置" label="低压侧支路1直流电流设置">
                    </el-table-column> -->
                     <!-- <el-table-column prop="低压侧支路1直流功率设置" label="低压侧支路1直流功率设置">
                    </el-table-column> -->
                     
                    
                    
                  </el-table>
                 </div>
                 
              </el-tab-pane>
               <el-tab-pane label="隔离柜电表参数" name="fifth">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData7"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devSerialNumber" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="电压"
                      label="电压(V)"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="电流" label="电流(A)">
                    </el-table-column>
                    <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                    <!-- <el-table-column prop="电压小数点位置" label="电压小数点位置">
                    </el-table-column> -->
                    <!-- <el-table-column prop="电流小数点位置" label="电流小数点位置">
                    </el-table-column> -->
                       <!-- <el-table-column prop="功率小数点位置" label="功率小数点位置">
                    </el-table-column> -->
                     </el-table-column>
                       <el-table-column prop="正向电能高位" label="正向电能高位">
                    </el-table-column>
                      <el-table-column prop="正向电能低位" label="正向电能低位">
                    </el-table-column>
                     <el-table-column prop="反向电能高位" label="反向电能高位">
                    </el-table-column>
                     <el-table-column prop="反向电能低位" label="反向电能低位">
                    </el-table-column>
                     <el-table-column prop="正向电能低位" label="正向电能低位">
                    </el-table-column>
                     <el-table-column prop="反向电能高位" label="反向电能高位">
                    </el-table-column>
                     <el-table-column prop="反向电能低位" label="反向电能低位">
                    </el-table-column>
                     <el-table-column prop="正向电能" label="正向电能">
                    </el-table-column>
                     <el-table-column prop="反向电能" label="反向电能">
                    </el-table-column>
                      
                    
                    
                  </el-table>

                 </div>
                 
              </el-tab-pane>
                <el-tab-pane label="负荷总回路参数" name="sixth">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData8"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="设备状态"
                      label="设备状态"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="输入直流电压" label="输入直流电压(V)">
                    </el-table-column>
                    <el-table-column prop="输入直流电流" label="输入直流电流(A)">
                    </el-table-column>
                    <!-- <el-table-column prop="浪涌保护" label="浪涌保护">
                    </el-table-column> -->
                    <!-- <el-table-column prop="输入电压高故障" label="输入电压高故障">
                    </el-table-column> -->
                       <!-- <el-table-column prop="输入电压低故障" label="输入电压低故障">
                    </el-table-column> -->
                     </el-table-column>
                       <el-table-column prop="整机正母线电压" label="整机正母线电压(V)">
                    </el-table-column>
                      <el-table-column prop="输入直流功率" label="输入直流功率(kW)">
                    </el-table-column>
                     <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column>
                     
                    
                     <!-- <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column> -->
                     <el-table-column prop="工作模式" label="工作模式">
                    </el-table-column>
                     <el-table-column prop="a口设置电压" label="A口设置电压(V)">
                    </el-table-column>
                       <el-table-column prop="b口设置电压" label="B口设置电压(V)">
                    </el-table-column>
                    
                  </el-table>

                 </div>
                 
              </el-tab-pane>
               <el-tab-pane label="一体化设备参数" name="seventh">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData9"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devSerialNumber" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="电压"
                      label="电压(V)"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="电流" label="电流(A)">
                    </el-table-column>
                    <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                    <el-table-column prop="电压小数点位置" label="电压小数点位置">
                    </el-table-column>
                    <el-table-column prop="电流小数点位置" label="电流小数点位置">
                    </el-table-column>
                       <el-table-column prop="功率小数点位置" label="功率小数点位置">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="正向电能高位" label="正向电能高位">
                    </el-table-column>
                      <el-table-column prop="正向电能低位" label="正向电能低位">
                    </el-table-column>
                     <el-table-column prop="反向电能高位" label="反向电能高位">
                    </el-table-column>
                     <el-table-column prop="反向电能低位" label="反向电能低位">
                    </el-table-column>
                     <el-table-column prop="正向电能" label="正向电能">
                    </el-table-column>
                     <el-table-column prop="反向电能" label="反向电能">
                    </el-table-column>
                    
                    
                  </el-table>

                 </div>
                 
              </el-tab-pane>
              <el-tab-pane label="光伏DCDC" name="eighth">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData10"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="设备状态"
                      label="设备状态"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="工作模式设置" label="工作模式设置">
                    </el-table-column>
                    <el-table-column prop="故障代码1" label="故障代码1">
                    </el-table-column>
                    <el-table-column prop="故障代码2" label="故障代码2">
                    </el-table-column>
                    <el-table-column prop="输入直流电压" label="输入直流电压(V)">
                    </el-table-column>
                       <el-table-column prop="输入直流电流" label="输入直流电流(A)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="输入直流功率" label="输入直流功率(kW)">
                    </el-table-column>
                      <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column>
                     <!-- <el-table-column prop="工作模式设定" label="工作模式设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="输入侧电压设定" label="输入侧电压设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="功率设定" label="功率设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧电压设定" label="电池侧电压设定">
                    </el-table-column> -->
                    
                    
                  </el-table>


                 

                 </div>
                 
              </el-tab-pane>
              <el-tab-pane label="光伏优化器" name="sixteenth ">
                 <div id="allmap">

                  


                   <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData11"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="控制命令"
                      label="控制命令"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="输出硬件过压" label="输出硬件过压">
                    </el-table-column>
                    <el-table-column prop="模块1硬件过流" label="模块1硬件过流">
                    </el-table-column>
                    <el-table-column prop="模块2硬件过流" label="模块2硬件过流">
                    </el-table-column>
                    <!-- <el-table-column prop="模块3硬件过流" label="模块3硬件过流">
                    </el-table-column> -->
                       <!-- <el-table-column prop="模块4硬件过流" label="模块4硬件过流">
                    </el-table-column> -->
                   
                       <!-- <el-table-column prop="AD零漂过大" label="AD零漂过大">
                    </el-table-column> -->
                      <!-- <el-table-column prop="模块1软件过流" label="模块1软件过流">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块2软件过流" label="模块2软件过流">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块3软件过流" label="模块3软件过流">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块4软件过流" label="模块4软件过流">
                    </el-table-column> -->
                     <el-table-column prop="单元1输入电压" label="单元1输入电压(V)">
                    </el-table-column>
                     <!-- <el-table-column prop="单元2输入电压" label="单元2输入电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="单元3输入电压" label="单元3输入电压(V)">
                    </el-table-column> -->
                     <!-- <el-table-column prop="单元4输入电压" label="单元4输入电压(V)">
                    </el-table-column> -->
                     <el-table-column prop="支路2电流" label="支路2电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路3电流" label="支路3电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路4电流" label="支路4电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路5电流" label="支路5电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路6电流" label="支路6电流(A)">
                    </el-table-column>
                     <el-table-column prop="支路7电流" label="支路7电流(A)">
                    </el-table-column>
                    
                    
                  </el-table>

                 </div>
                 
              </el-tab-pane>
                  <el-tab-pane label="交直流ACDC" name="ninth">
                 <div id="allmap">

                  

                   <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData13"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                   
                   
                    <el-table-column prop="工作模式设置" label="工作模式">
                    </el-table-column>
                    <el-table-column prop="输出A相电压" label="输出A相电压(V)">
                    </el-table-column>
                    <el-table-column prop="输出A相电流" label="输出A相电流(A)">
                    </el-table-column>
                       <el-table-column prop="输出B相电压" label="输出B相电压(V)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="输出B相电流" label="输出B相电流(A)">
                    </el-table-column>
                      <el-table-column prop="输出C相电压" label="输出C相电压(V)">
                    </el-table-column>
                     <el-table-column prop="输出C相电流" label="输出C相电流(A)">
                    </el-table-column>
                     <!-- <el-table-column prop="工作模式设定" label="工作模式设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压输出电压设定" label="电池侧恒压输出电压设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压模式限流设定" label="电池侧恒压模式限流设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="恒功率模式功率值设定" label="恒功率模式功率值设定">
                    </el-table-column> -->
                     <el-table-column prop="输出频率" label="输出频率">
                    </el-table-column>
                    
                    
                    
                  </el-table>

                 </div>
                 
              </el-tab-pane>
              <el-tab-pane label="交直流DCDC" name="seventeenth">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData12"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column prop="工作模式" label="工作模式">
                    </el-table-column>
                    <el-table-column prop="输入直流功率" label="输入直流功率(W)">
                    </el-table-column>
                    <el-table-column prop="输入直流电压" label="输入直流电压(V)">
                    </el-table-column>
                       <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column>
                      <el-table-column prop="故障代码1" label="故障代码1">
                    </el-table-column>
                     <el-table-column prop="故障代码2" label="故障代码2">
                    </el-table-column>
                     <!-- <el-table-column prop="工作模式设定" label="工作模式设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压输出电压设定" label="电池侧恒压输出电压设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压模式限流设定" label="电池侧恒压模式限流设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="恒功率模式功率值设定" label="恒功率模式功率值设定">
                    </el-table-column> -->
                     <el-table-column prop="过流故障" label="过流故障">
                    </el-table-column>
                    
                  </el-table>


                 

                 </div>
                 
              </el-tab-pane>

              <el-tab-pane label="储能设备参数" name="tenth">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData14"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="设备状态"
                      label="设备状态"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="工作模式" label="工作模式">
                    </el-table-column>
                    <el-table-column prop="故障代码1" label="故障代码1">
                    </el-table-column>
                    <el-table-column prop="故障代码2" label="故障代码2">
                    </el-table-column>
                    <el-table-column prop="电池直流电压" label="电池直流电压(V)">
                    </el-table-column>
                       <el-table-column prop="电池直流电流" label="电池直流电流(A)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="直流功率" label="直流功率(kW)">
                    </el-table-column>
                      <el-table-column prop="母线直流电压" label="母线直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="母线直流电流" label="母线直流电流(A)">
                    </el-table-column>
                     <!-- <el-table-column prop="工作模式设定" label="工作模式设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧电压设定" label="池侧电压设定">
                    </el-table-column> -->
                     <!-- <el-table-column prop="电池侧恒压电流设定低压侧" label="电池侧恒压电流设定低压侧">
                    </el-table-column> -->
                     <!-- <el-table-column prop="功率设定" label="功率设定">
                    </el-table-column> -->
                   
                    
                    
                  </el-table>


                  

                 </div>
                 
              </el-tab-pane>



              <el-tab-pane label="充电桩参数" name="eleventh">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData15"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="设备状态"
                      label="设备状态"
                      
                    >
                    </el-table-column>
                    <!-- <el-table-column prop="故障代码1" label="故障代码1">
                    </el-table-column> -->
                    <!-- <el-table-column prop="故障代码2" label="故障代码2">
                    </el-table-column> -->
                    <!-- <el-table-column prop="故障代码3" label="故障代码3">
                    </el-table-column> -->
                    <!-- <el-table-column prop="故障代码4" label="故障代码4">
                    </el-table-column> -->
                       <!-- <el-table-column prop="故障代码5" label="故障代码5">
                    </el-table-column> -->
                    
                       <!-- <el-table-column prop="故障代码6" label="故障代码6">
                    </el-table-column> -->
                      <el-table-column prop="输入直流电压" label="输入直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="输入直流电流" label="输入直流电流(A)">
                    </el-table-column>
                     <el-table-column prop="整机正母线电压" label="整机正母线电压(V)">
                    </el-table-column>
                     <el-table-column prop="输入直流功率" label="输入直流功率(kW)">
                    </el-table-column>
                     <el-table-column prop="输出直流电压" label="输出直流电压(V)">
                    </el-table-column>
                     <el-table-column prop="输出直流电流" label="输出直流电流(A)">
                    </el-table-column>
                      <el-table-column prop="整流输入过压" label="整流输入过压(V)">
                    </el-table-column>
                      <el-table-column prop="直流输入电压" label="直流输入电压(V)">
                    </el-table-column>
                     <el-table-column prop="发射端逆变电流" label="发射端逆变电流(A)">
                    </el-table-column>
                    <!-- <el-table-column prop="发射端线圈电流" label="发射端线圈电流(A)">
                    </el-table-column> -->
                    <!-- <el-table-column prop="接收端电压需求值" label="接收端电压需求值">
                    </el-table-column> -->
                    <!-- <el-table-column prop="接收端电压实际值" label="接收端电压实际值">
                    </el-table-column> -->
                    <!-- <el-table-column prop="接收端电流实际值" label="接收端电流实际值">
                    </el-table-column> -->
                   
                    
                    
                  </el-table>


                  

                 </div>
                 
              </el-tab-pane>

                <el-tab-pane label="空调DC参数" name="twelfth">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData16"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devType" label="设备类型" >
                    </el-table-column>
                    <!-- <el-table-column
                      prop="通讯状态"
                      label="通讯状态"
                      
                    >
                    </el-table-column> -->
                    <el-table-column prop="空调外机回路电压" label="空调外机电压(V)">
                    </el-table-column>
                    <el-table-column prop="空调外机回路电流" label="空调外机电流(A)">
                    </el-table-column>
                    <el-table-column prop="空调内机回路功率" label="空调内机功率(kW)">
                    </el-table-column>
                    <el-table-column prop="直流排风扇回路电压" label="直流排风扇电压(V)">
                    </el-table-column>
                       <el-table-column prop="直流排风扇回路电流" label="直流排风扇电流(A)">
                    </el-table-column>
                     </el-table-column>
                       <el-table-column prop="直流排风扇回路功率" label="直流排风扇功率(kW)">
                    </el-table-column>
                      <el-table-column prop="照明回路电压" label="照明电压(V)">
                    </el-table-column>
                     <el-table-column prop="照明回路电流" label="照明电流(A)">
                    </el-table-column>
                     <!-- <el-table-column prop="备用回路功率" label="备用回路功率(kW)">
                    </el-table-column> -->
                     <el-table-column prop="空调外机回路电能" label="空调外机电能">
                    </el-table-column>
                     <el-table-column prop="空调内机回路电能" label="空调内机电能">
                    </el-table-column>
                     <!-- <el-table-column prop="直流排风扇回路电能" label="直流排风扇电能">
                    </el-table-column> -->
                      <!-- <el-table-column prop="照明回路电能" label="照明电能">
                    </el-table-column> -->
                     <!-- <el-table-column prop="模块1输出电压" label="模块1输出电压(V)">
                    </el-table-column>
                     <el-table-column prop="模块1输出电流" label="模块1输出电流(A)">
                    </el-table-column>
                     <el-table-column prop="模块2输出电压" label="模块2输出电压(V)">
                    </el-table-column>
                     <el-table-column prop="模块2输出电流" label="模块2输出电流(A)">
                    </el-table-column> -->
                   
                    
                    
                  </el-table>


                  

                 </div>
                 
              </el-tab-pane>


                <el-tab-pane label="直流配电柜参数" name="thirteenth">
                 <div id="allmap">

                    <el-table
                    :row-style="getRowClass"
                    :header-row-style="getRowClass"
                    :header-cell-style="getRowClass2"
                    :data="tableData17"
                    style="width: 100%"
                    :row-class-name="tableRowClassName"
                  >
                    <el-table-column prop="devSerialNumber" label="设备类型" >
                    </el-table-column>
                    <el-table-column
                      prop="第1路继电器"
                      label="第1路继电器"
                      
                    >
                    </el-table-column>
                    <el-table-column prop="第2路继电器" label="第2路继电器">
                    </el-table-column>
                    <el-table-column prop="第1路开关量输入" label="第1路开关量输入">
                    </el-table-column>
                    <el-table-column prop="第2路开关量输入" label="第2路开关量输入">
                    </el-table-column>
                    <el-table-column prop="第3路开关量输入" label="第3路开关量输入">
                    </el-table-column>
                       <el-table-column prop="第4路开关量输入" label="第4路开关量输入">
                    </el-table-column>
                     </el-table-column>
                       <!-- <el-table-column prop="通讯状态" label="通讯状态">
                    </el-table-column> -->
                      <!-- <el-table-column prop="通讯状态" label="通讯状态">
                    </el-table-column> -->
                     <el-table-column prop="电压" label="电压(V)">
                    </el-table-column>
                     <el-table-column prop="电流" label="电流(A)">
                    </el-table-column>
                      <el-table-column prop="功率" label="功率(kW)">
                    </el-table-column>
                      <!-- <el-table-column prop="电压小数点位置" label="电压小数点位置">
                    </el-table-column> -->
                      <!-- <el-table-column prop="电流小数点位置" label="电流小数点位置">
                    </el-table-column> -->
                      <!-- <el-table-column prop="功率小数点位置" label="功率小数点位置">
                    </el-table-column> -->
                      <!-- <el-table-column prop="正向电能高位" label="正向电能高位">
                    </el-table-column> -->
                      <!-- <el-table-column prop="反向电能高位" label="反向电能高位">
                    </el-table-column> -->
                     <!-- <el-table-column prop="反向电能低位" label="反向电能低位">
                    </el-table-column> -->
                     <el-table-column prop="正向电能" label="正向电能">
                    </el-table-column>
                     <el-table-column prop="反向电能" label="反向电能">
                    </el-table-column>
                    
                    
                   
                    
                    
                  </el-table>


                  

                 </div>
                 
              </el-tab-pane>
            </el-tabs>
            </el-row>
          
          </el-main>
        </el-container>
      </el-container>

      <!-- 底部导航栏 -->

      <!-- 底部组件 -->
      <Bottom></Bottom>
    </el-container>
  </div>
</template>
<script>
// import echarts from 'echarts'
// import MyCircle from '../components/MyCircle.vue'
import Index from '~/components/index2'
import Bottom from '~/components/bottom'
export default {
  data() {
    return {
      tableData: [
        {
         
        },
      
      
       
      ],
      tableData2: [
        {
         
        },
       
      ],
       tableData3: [
        {
         
        },
       
      ],
       tableData4: [
        {
         
        },
       
      ],
       tableData5: [
        {
         
        },
       
      ],
       tableData6: [
        {
         
        },
       
      ],
       tableData7: [
        {
         
        },
       
      ],
       tableData8: [
        {
         
        },
       
      ],
       tableData9: [
        {
         
        },
       
      ],
       tableData10: [
        {
         
        },
       
      ],
       tableData11: [
        {
         
        },
       
      ],
      tableData12: [
        {
         
        },
       
      ],
      tableData13: [
        {
         
        },
       
      ],
       tableData14: [
        {
         
        },
       
      ],
       tableData15: [
        {
         
        },
       
      ],
        tableData16: [
        {
         
        },
       
      ],
        tableData17: [
        {
         
        },
       
      ],

      // icon: require('@/assets/images/onlinecar.png'),
      activeIndex: '1',

      activeName: 'first'
    }
  },
  components: {
    Index,
    Bottom
  },
  created() {},

  mounted() {
    this.findallverticalfan()
    this.findallhorizontalfan()
    this.findallcchp()
     this.findallmmc()
      this.findallcapacitance()
     this.findallcapacitancedcdc()
     this.findallisolationcabinet()
     this.findalltotalloadloopdcdc()
     this.findallintegratedequipment()
      this.findallpvdcdc()
      this.findallpvo()
      this.findalldcdc()
      this.findallacdc()
      this.findallstoragedcdc()
       this.findallchargingpile()
       this.findallair()
       this. findalldic()
      //  接受来自拓扑的参
     console.log("草泥马"+Object.prototype.toString.call(this.$route.query.activeName).slice(8, -1))
     if(this.$route.query.activeName==undefined){
        this.activeName="first"
     }else{
         this.activeName= this.$route.query.activeName
     }
     

  },

  methods: {
    findallverticalfan(){
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/verticalfan/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData=res.data
       
      })
    },
    findallhorizontalfan() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/horizontalfan/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData2=res.data
        // this.tableData5 = res.data
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
    findallcchp() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/cchp/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData3=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
    findallmmc() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/mmc/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData4=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
      findallcapacitance() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/capacitance/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData5=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
    findallcapacitancedcdc() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/capacitance/searchonedaydcdc'
      }).then(res => {
        console.log(res.data)
        this.tableData6=res.data
      })
    },
     findallisolationcabinet() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/isolationcabinet/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData7=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
     findalltotalloadloopdcdc() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/totalloadloopdcdc/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData8=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
    findallintegratedequipment() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/integratedequipment/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData9=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
    findallpvdcdc() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/pvdcdc/searchonedaydcdc'
      }).then(res => {
        console.log(res.data)
        this.tableData10=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
     findallpvo() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/pvdcdc/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData11=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },


    findalldcdc() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/acdc/searchonedaydcdc'
      }).then(res => {
        console.log(res.data)
        this.tableData12=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
    findallacdc() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/acdc/searchonedayacdc'
      }).then(res => {
        console.log(res.data)
        this.tableData13=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
    findallstoragedcdc() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/storagedcdc/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData14=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },
     findallchargingpile() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/chargingpile/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData15=res.data
        
        // for (let i = 0; i < res.data.length; i++) {
        //   this.tableData5[i].password = '********'
        // }
      })
    },

      findallair() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/airconditionerdcdc/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData16=res.data
        
      
      })
    },
     findalldic() {
      this.$axios({
        method: 'get',
        // params: {
        //   name: '系统结构'
        // },
        url: 'http://127.0.0.1:8082/dcdistribution/searchoneday'
      }).then(res => {
        console.log(res.data)
        this.tableData17=res.data
        })
    },
    getRowClass({ row, column, rowIndex, columnIndex }) {
      return 'background:#03282A;'
    },
    //设置表头颜色和背景
    getRowClass2({ row, column, rowIndex, columnIndex }) {
      return 'background:#03282A;color:#FEFEFE;'
    },
     tableRowClassName({ row, column, rowIndex, columnIndex }) {
      // return 'background:#03282A;color:#FEFEFE;'
    },
    handleDelete(index, row) {
      alert(index)
      //  this.$router.push({path:'/details',query: {id:item.device_id}})
      this.$router.push({ path: '/indexx' })
      console.log(index, row)
    },
    handleClick(tab, event) {
      console.log(tab, event)
    },

    logout() {
      window.sessionStorage.clear()
      this.$router.push('/login')
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath)
    },
    handler({ BMap, map }) {
      console.log(BMap, map)
    },
    infoWindowClose(i) {
      //  alert("关闭提示窗"+i.showFlag)
      return (i.showFlag = false)
    },
    infoWindowOpen(i) {
      // alert("打开提示窗"+i.showFlag)
      return (i.showFlag = true)
    },
    opencarinfo(item) {
      //  this.$router.push({name:'details',params: {id:'1'}})
      // alert("执行")

      this.$router.push({ path: '/details', query: { id: item.device_id } })
    }
  }
}
</script>
<style lang="scss">
.el-tabs {
  width: 100%;
  color: white;
  background-image: url(../../assets/images/新UI12.png);
  background-size:100% 100%;
  background-repeat:no-repeat;
}
.el-tabs__item {
  padding: 0 20px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  color: #e3e5ea;
  position: relative;
}
</style>
<style lang="scss" scoped>
#allmap {
  height: 700px;
  color: white;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 40px;
  overflow:auto;
}

.body {
  width: 100%;
  height: 100%;
  margin-top: 0px;

  background-image: url(../../assets/images/新UI12.png);
}
.el-main {
  // margin-left: 30px;
  // width: 100%;
  // height: 700px;
  // margin-top: 40px;
  // background-image: url(../../assets/images/新UI23.png);
  // background-repeat: no-repeat;
}

.el-table {
  border-radius: 0px;
  background-color: #005a5b;
  color: #66b1ff;
}
</style>
